<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:p="http://primefaces.org/ui">

<f:view contentType="text/html">

	<h:head>
		<meta charset="utf-8"/>
		<title>Login - Base Admin</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		
		<h:outputStylesheet name="css/uniform/uniform.default.css" />
		<h:outputStylesheet name="css/bootstrap/bootstrap.min.css" />
		<h:outputStylesheet name="css/bootstrap/bootstrap-responsive.min.css" />
		<h:outputStylesheet name="css/bootstrap/font-awesome.css" />
		
		<h:outputText value="&lt;!--[if IE 7]&gt;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;#{request.contextPath}/resources/css/bootstrap/font-awesome-ie7.css&quot; /&gt;&lt;![endif]--&gt;" escape="false" />
		
		
		<h:outputStylesheet name="css/bootstrap/open-sans.css" />
		<h:outputStylesheet name="css/login/base-admin.css" />
		<h:outputStylesheet name="css/login/signin.css" />
		
		<h:outputScript>
		    $(document).ready(function() {
		        $("input:checkbox").uniform();
		    });
		</h:outputScript>
		
	</h:head>

	<h:body>
		<div class="navbar navbar-fixed-top">

			<div class="navbar-inner">

				<div class="container">

					<a class="btn btn-navbar" data-toggle="collapse"
						data-target=".nav-collapse"> <span class="icon-bar"></span> <span
						class="icon-bar"></span> <span class="icon-bar"></span>
					</a> <a class="brand" href="#"><img src="resources/gfx/edoc_logo.png"/></a>

					<div class="nav-collapse">
						<ul class="nav pull-right">

						</ul>

					</div>
					<!--/.nav-collapse -->

				</div>
				<!-- /container -->

			</div>
			<!-- /navbar-inner -->

		</div>
		<!-- /navbar -->



		<div class="account-container">

			<div class="content clearfix">

				<form action="./" method="post">

					<h1>Sign In</h1>

					<div class="login-fields">

						<p>Sign in using your registered account:</p>
						
						<div class="field">
							<h:inputText 
								id="username" name="username" value="" 
								styleClass="login username-field" />
							<p:watermark for="username" value="Username"/>
						</div>
						<!-- /field -->

						<div class="field">
							<label for="password">Password:</label> 
							<h:inputSecret 
								id="password" name="password" value="" 
								styleClass="login password-field" />
							<p:watermark for="password" value="Password"/>
						</div>
						<!-- /password -->

					</div>
					<!-- /login-fields -->

					<div class="login-actions">

						<span class="login-checkbox"> <input id="Field"
							name="Field" type="checkbox" class="field login-checkbox"
							value="First Choice" tabindex="4" /> <label class="choice"
							for="Field">Keep me signed in</label>
						</span>
						
						<a class="button btn btn-primary btn-large" href="#">
							<i class="icon-signin"></i>
							<span>Sign In</span>
						</a>

					</div>
					<!-- .actions -->

				</form>

			</div>
			<!-- /content -->

		</div>
		<!-- /account-container -->


		<!-- Text Under Box -->
		<div class="login-extra">
			Remind <a href="#">Password</a>
		</div>
		<!-- /login-extra -->
		
		<!-- Le javascript
	    ================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<h:outputScript library="primefaces" name="jquery/jquery.js" />
		<h:outputScript name="js/uniform/jquery.uniform.min.js" />
		<h:outputScript name="js/bootstrap/bootstrap.min.js" />
	</h:body>
</f:view>
</html>